<template>
    <div class="advice">
        <h1>欢迎发表您宝贵的意见</h1>
        <el-input type="textarea" :rows="5" size="medium" v-model="content"></el-input>
        <el-button type="primary" @click="send">发表</el-button>
    </div>
</template>
<script>
export default {
    name: 'Advice',
    components: {

    },
    mixins: [],
    props: [],
    data() {
        return {
            content: ''
        }
    },
    computed: {

    },
    watch: {

    },
    mounted() {

    },
    methods: {
        send() {
            this.$emit('submit', this.content)
            this.content = ''
        }
    }
};
</script>
<style lang='less' scoped>
.advice {
    margin: 100px 0;
    padding-bottom: 40px;

    h1 {
        font-size: 18px;
        font-weight: 800;
        color: #333;
        margin-bottom: 20px;
    }


    .el-button--primary {
        margin-top: 10px;
        float: right;
    }

}
</style>